<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="/public/stylesheets/mui.min.css" />
    <link rel="stylesheet" href="/public/stylesheets/mobileIndex.css" />
    <title>Document</title>
  </head>
  <body>
    <header>
      某某医院管理系统首页
    </header>
    <div class="main">
      <!-- 轮播图 -->
      <div class="mui-slider my-slider">
        <div class="mui-slider-group mui-slider-loop">
          <div class="mui-slider-item mui-slider-item-duplicate">
            <a href="#"><img src="/public/images/mobile_banner_4.jpg" /></a>
          </div>
          <div class="mui-slider-item">
            <a href="#"><img src="/public/images/mobile_banner_1.jpg" /></a>
          </div>
          <div class="mui-slider-item">
            <a href="#"><img src="/public/images/mobile_banner_2.jpg" /></a>
          </div>
          <div class="mui-slider-item">
            <a href="#"><img src="/public/images/mobile_banner_3.jpg" /></a>
          </div>
          <div class="mui-slider-item">
            <a href="#"><img src="/public/images/mobile_banner_4.jpg" /></a>
          </div>
          <div class="mui-slider-item mui-slider-item-duplicate">
            <a href="#"><img src="/public/images/mobile_banner_1.jpg" /></a>
          </div>
        </div>
      </div>
      <!-- 导航按钮 -->
      <div class="my-nav">
        <nav>
          <a href="/">
          <span>体检预约</span>
          <img src="/public/images/mobile_nav_1.jpg" alt="" />
        </a>
        </nav>
        <nav>
          <a href="/mobile/guahao">
            <span>预约挂号</span>
            <img src="/public/images/mobile_nav_2.jpg" alt="" />
          </a>
        </nav>
        <nav>
          <a href="/mobile/patientinfo">
          <span>个人信息</span>
          <img src="/public/images/mobile_nav_3.jpg" alt="" />
          </a>
        </nav>
      </div>
      <!-- 分模块 -->
      <div class="quick-enter">
        <div class="common-title">
          <span>便捷入口</span>
        </div>
        <div class="content">
          <div class="content-single">
            <div>
              <h4>智能问诊</h4>
              <p>智能检查，随时随地</p>
            </div>
            <img src="/public/images/mobile_icon_1.jpg" alt="" />
          </div>
          <div class="content-single">
            <div>
              <h4>智能问诊</h4>
              <p>智能检查，随时随地</p>
            </div>
            <img src="/public/images/mobile_icon_2.jpg" alt="" />
          </div>
          <div class="content-single">
            <div>
              <h4>智能问诊</h4>
              <p>智能检查，随时随地</p>
            </div>
            <img src="/public/images/mobile_icon_3.jpg" alt="" />
          </div>
          <div class="content-single">
            <div>
              <h4>智能问诊</h4>
              <p>智能检查，随时随地</p>
            </div>
            <img src="/public/images/mobile_icon_4.jpg" alt="" />
          </div>
        </div>
      </div>
      <!-- 活动按钮 -->
      <div class="huodong">
        <div class="common-title">
          <span>精彩活动</span>
        </div>
        <div class="huodong-img"></div>
      </div>
      <!-- 新闻列表 -->
      <div class="news">
        <div class="common-title">
          <span>医疗资讯</span>
        </div>
        <% newsList.forEach((item,index)=>{ %>
        <div class="news-item">
          <div class="title"><%- item.title %></div>
          <div class="content"><%- item.content %></div>
        </div>
        <% }) %>
      </div>
    </div>

    <footer>
      <div class="common-title">
        <span></span>
      </div>
      <img src="/public/images/mobile_logo.jpg" alt="" />
      <p class="corporation-name">某某医学院第二附属医院</p>
      <p class="corporation-brief">三级甲等综合性医院</p>
      <p class="corporation-address">某某市某某区某某路123号</p>
      <div class="cell-btn">022-12341234</div>
    </footer>

    <script src="/public/javascripts/mui.min.js"></script>
    <script>
      //获得slider插件对象
      var gallery = mui('.mui-slider')
      gallery.slider({
        interval: 5000, //自动轮播周期，若为0则不自动播放，默认为0；
      })
    </script>
  </body>
</html>
